const path = require('path')
module.exports = ({ file }) => {
  const designWidth = file.dirname.includes(path.join('node_modules', 'vant')) ? 375 : 750 // vant适配处理

  return {
    plugins: {
      'postcss-aspect-ratio-polyfill': {}, // 用来处理元素容器宽高比
      'postcss-preset-env': {
        stage: 0
      },
      'postcss-write-svg': { utf8: false }, // 用来处理移动端1px的解决方案。该插件主要使用的是border-image和background来做1px的相关处理。
      'postcss-px-to-viewport': { // 把px单位转换为vw、vh、vmin或者vmax这样的视窗单位，也是vw适配方案的核心插件之一。
        viewportWidth: designWidth, // 视窗的宽度
        unitPrecision: 4, // 将px转化为视窗单位值的小数位数
        viewportUnit: 'vw', // 指定要转换成的视窗单位值
        selectorBlackList: ['.ignore', '.hairlines'], // 指定不转换视窗单位值得类，可以自定义，可以无限添加
        minPixelValue: 1, // 小于等于1px不转换为视窗单位
        mediaQuery: true, // 允许在媒体查询中使用px
        exclude: []
      }
    }
  }
}
